@import url("pudge.css");

/* Basic Layout 
---------------------------------- */

body { 
  margin-left: 1em;
  margin-right: 1em;
  max-width: 50em;
}
body { 
  font-size: .80em;
  color: #111;
}
div#main-content { 
  margin-left: 1em;
  margin-right: 1em;
  max-width: 47em;
}

/* Top Navigation
----------------------------------- */

div#top-nav { 
  background: #373;
  padding: .3em .3em;
  margin: 0;
  margin-bottom: 1.5em;
  font-size: 90%;
}
div#top-nav #doc-title { 
  font-size: 140%;
  font-weight: bold;
  margin: 0;
  padding-top: .32em;
  padding-right: 1em;
  padding-left: .3em;
  color: #9c9;
  float: left;
}
div#top-nav a { 
  color: #6a6;
  text-decoration: none;
}
div#top-nav .online-navigation a:hover,
div#top-nav h1 a 
{ 
  color: #9c9;
}

/* Footer
----------------------------------- */

div#footer { 
  text-align: right;
  margin-top: 1.5em;
  border-top: 1px solid #373;
  padding-top: .5em;
  font-size: 80%;
  color: #666;
}
div#footer a { 
  color: #373;
  text-decoration: none;
}
div#footer p { 
  margin: .2em 1em; 
}

/* Basic Style
----------------------------------- */
h1, h2, h3, h4 { 
  margin: 1em auto; 
  font-family: 'Trebuchet MS', 'Verdana', Sans-serif;
  color: #555;
  font-weight: normal;
}
h1 { font-size: 200% }
h2 { font-size: 170% }
h3 { font-size: 150% }
h4 { font-size: 120% }
a:link { color: #060; font-weight: bold }
a:visited { color: #060; text-decoration: none }
hr { margin: auto 12px }
pre { color: #036 }

dl dt { 
  font-style: italic;
  margin-top: .5em;
  font-weight: bold;
  color: #555;
}
hr { 
  color: #373;
  background-color: #373;
  height: 1px;
  border: 0;
  width: 100%;
  margin: 2em 0; 
}

/* Pudge Elements
--------------------------------- */

h1.pudge-member-page-heading { 
  font-size: 300%;
  margin-top: .4em;
  margin-bottom: .4em;
}
h4.pudge-member-page-subheading { 
  font-size: 150%;
  font-style: italic;
  margin-top: -1.3em;
  margin-left: 2em;
  color: #999;
}
p.pudge-member-blurb { 
  font-style: italic;
  font-weight: bold;
  font-size: 120%;
  margin-top: 0.2em;
  color: #6a6;
}
div.pudge-module-doc { 
  max-width: 45em;
}
div.pudge-section { 
  margin-left: 2em;
  max-width: 45em;
}
p.pudge-member-blurb { 
  font-style: italic;
  font-weight: bold;
  font-size: 120%;
}

/* Section Navigation 
----------------------------------- */

div#pudge-section-nav
{
  margin: 1em 0 1.5em 0;
  padding: 0;
  height: 20px;
}

div#pudge-section-nav ul { 
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border-right: 1px solid #aaa;
}
div#pudge-section-nav ul li
{
  display: block;
  float: left;
  text-align: center;
  padding: 0;
  margin: 0;
}

div#pudge-section-nav ul li .pudge-section-link,
div#pudge-section-nav ul li .pudge-missing-section-link
{
  background: #aaa;
  width: 11em;
  height: 1.8em;
  border: 0;
  border-right: 3px solid #fff;
  padding: 0;
  margin: 0 0 10px 0;
  color: #ddd;
  text-decoration: none;
  display: block;
  text-align: center;
  font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  font-weight: bold;
  cursor: hand;
}

div#pudge-section-nav ul li a:hover
{
  color: #fff;
  background: #393;
}

div#pudge-section-nav ul li .pudge-section-link
{
  background: #373;
  color: #9c9;
}

/* Module Lists
----------------------------------- */
dl.pudge-module-list dt { 
  font-style: normal;
  font-size: 110%;
}
dl.pudge-module-list dd { 
  color: #555;
}

/* misc */
pre, tt { 
  font-size: 120%;
}
